﻿<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>个人中心</title>

<link rel="stylesheet" href="../css/styles.css"/>
<link rel="stylesheet" href="../layui/css/layui.css"/>
<link href="../css/skitter.styles.css" type="text/css" media="all" rel="stylesheet" />
<link rel="stylesheet" href="../css/base.css" />
<link rel="stylesheet" href="css/base.css" />
<link rel="stylesheet" href="css/activity.css" />

</head>
<body>
 <div class="header">
	<div class="header-top-bg">
		<div class="container">
			<div class="header-city pad-10 small left"><span>济南市</span><a>[切换城市]</a></div>
			<div class="header-login pad-10 small right">
				<ul class="list-inline no-margin inline">
					<li >登录</li>
					<li >|</li>
					<li >注册</li>
				</ul>
			</div>
			<div class="clear"></div> 
		</div>
	</div>
	<div class="logo">
		<div class="container clear">
			<div class="header-logo-left pad-20 left">
				<div class="logo left">
					<a href="/">
						<img src="../images/bs-logo_07.png"/>
					</a>
				</div>
				<div class="logo left line">
					
				</div>
				<div class="logo-right  left">
					<a href="/">
						<img src="../images/bs-logo_10.png"/>
					</a>
				</div>
			</div>
			<div class="header-logo-right right">
				<ul class="list-inline no-margin">
					<li ><i class="bs-phoneimg1"></i>0531-88758917</li>
					<li >|</li>
					<li ><i class="bs-phoneimg2"></i>3370677406</li>
				</ul>
			</div>
		
		</div>
	</div>
	<div class="nav">
		<div class="container">
			<ul class="layui-nav no-margin">
				
				<li class="layui-nav-item layui-this">
                    <a href=""  title="动动首页">动动首页</a></li>
                <li class="layui-nav-item">
                    <a href="article.html"  title="体育资讯">体育资讯</a></li>
                <li class="layui-nav-item">
                    <a href="stadium.html"  title="场馆预定">场馆预定</a></li>
                <li class="layui-nav-item">
                    <a href="category.html"  title="赛事活动">赛事活动</a></li>
                <li class="layui-nav-item">
                    <a href="train.html"  title="项目培训">项目培训</a></li>
                <li class="layui-nav-item">
                    <a href="health.html"  title="健康管理">健康管理</a></li>
                <li class="layui-nav-item">
                    <a href="constitution.html"  title="体质监测">体质监测</a></li>
                <li class="layui-nav-item">
                    <a href="/sec_search"  title="协会/俱乐部">协会/俱乐部</a></li>
                <li class="layui-nav-item">
                    <a href="/sec_pt"  title="产业平台">产业平台</a></li>
                <li class="layui-nav-item">
                    <a href="http://mall.008sport.com/ddb.php?" target="_blank" title="体育商城">体育商城</a></li>
			</ul>	
		</div>
		
	</div>
	
 </div>
<div class="container pad-top-10">
	<div class="row">
		<div class="col-2">
			<ul class="layui-nav layui-nav-tree" lay-filter="test">
				<li class="layui-nav-item layui-nav-itemed">
					<a href="javascript:;">群组资料</a>
				</li>
				<li class="layui-nav-item layui-nav-itemed">
					<a href="javascript:;">群组管理</a>
					<dl class="layui-nav-child">
					<dd><a href="">成员申请</a></dd>
					<dd><a href="">群组管理</a></dd>
					</dl>
				</li>
				<li class="layui-nav-item layui-nav-itemed">
					<a href="javascript:;">活动管理</a>
					<dl class="layui-nav-child">
					<dd><a href="">发起活动</a></dd>
					<dd><a href="">邀请活动</a></dd>
					<dd><a href="">共享活动</a></dd>
					</dl>
				</li>
			</ul>
		</div>
		<div class="col-10">
				<h2 class="fs-2">发起活动</h2>
				<hr></hr>
				<form class="layui-form " action="">
					 <div class="layui-form-item">
						<label class="layui-form-label">活动封面</label>
						<div class="layui-input-block upload-img">
							<img id="LAY_demo_upload" src="http://layer.layui.com/images/tong.jpg">
							<div class="site-demo-upbar">
								<input type="file" name="file" class="layui-upload-file" id="test">
							</div>
						</div>
					</div>
					  <div class="layui-form-item">
						<label class="layui-form-label">发起群组</label>
						<div class="layui-input-block">
						<select name="interest" lay-filter="aihao">
							<option value=""></option>
							<option value="0">山东钢铁</option>
							<option value="1" selected="">动动吧</option>
						</select>
						</div>
					</div>
					 <div class="layui-form-item">
						<label class="layui-form-label">活动名称</label>
						<div class="layui-input-block">
							<input type="text" name="date" id="date" autocomplete="off" class="layui-input"  placeholder="请输入活动名称">
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">活动主题</label>
						<div class="layui-input-block">
							<input type="text" name="date" id="date" autocomplete="off" class="layui-input"  placeholder="请输入活动主题">
						</div>
					</div>
					 <div class="layui-form-item">
						<div class="layui-inline width33">
							 <label class="layui-form-label">活动类型</label>
							<div class="layui-input-block">
							<select name="interest" lay-filter="aihao">
								<option value=""></option>
								<option value="0">写作</option>
								<option value="1" selected="">阅读</option>
								<option value="2">游戏</option>
								<option value="3">音乐</option>
								<option value="4">旅行</option>
							</select>
							</div>
						</div>
						<div class="layui-inline width33">
							<label class="layui-form-label">联系人</label>
							<div class="layui-input-block">
								<input type="text" name="date" id="date" autocomplete="off" class="layui-input"  placeholder="请输入联系人">
							</div>
						</div>
						<div class="layui-inline width33">
							<label class="layui-form-label">联系电话</label>
							<div class="layui-input-block">
								<input type="text" name="date" id="date" autocomplete="off" class="layui-input"  placeholder="请输入联系电话">
							</div>
						</div>
					</div>
					 <div class="layui-form-item">
						<div class="layui-inline width50">
							<label class="layui-form-label">报名时间</label>
							<div class="layui-input-block">
								<input class="layui-input" placeholder="开始时间" id="LAY_demorange_s">
							</div>
						</div>
						<div class="layui-inline width50">
						<input class="layui-input" placeholder="截止时间" id="LAY_demorange_e">
						</div>
					</div>
					 <div class="layui-form-item">
						<div class="layui-inline width50">
							<label class="layui-form-label">活动时间</label>
							<div class="layui-input-block">
								<input class="layui-input" placeholder="开始时间" id="LAY_demorange_s">
							</div>
						</div>
						<div class="layui-inline width50">
						<input class="layui-input" placeholder="截止时间" id="LAY_demorange_e">
						</div>
					</div>
					<div class="layui-form-item">
						<div class="layui-inline width50">
							 <label class="layui-form-label">报名审核</label>
							<div class="layui-input-block">
							<select name="interest" lay-filter="aihao">
								
								<option value="0">否</option>
								<option value="1" selected="">是</option>
								
							</select>
							</div>
						</div>
						<div class="layui-inline width50">
							<label class="layui-form-label">人数限制</label>
							<div class="layui-input-block">
								<input type="text" name="date" id="date" autocomplete="off" class="layui-input"  placeholder="0为不限制人数">
							</div>
						</div>
						
					</div>
					<div class="layui-form-item">
						<div class="layui-inline width50">
							 <label class="layui-form-label">活动范围</label>
							<div class="layui-input-block">
							<select name="interest" lay-filter="aihao">
								<option value="0">公开</option>
								<option value="1" selected="">群内</option>
							</select>
							</div>
						</div>
						<div class="layui-inline width50">
							<label class="layui-form-label">费用</label>
							<div class="layui-input-block">
								<input type="text" name="date" id="date" autocomplete="off" class="layui-input"  placeholder="0为不收费">
							</div>
						</div>
						
					</div>
					<div class="layui-form-item">
						<div class="layui-inline width33">
							 <label class="layui-form-label">地区</label>
							<div class="layui-input-block">
							<select name="interest" lay-filter="aihao">
								<option value="0">北京</option>
								<option value="1" selected="">山东省</option>
							</select>
							</div>
						</div>
						<div class="layui-inline width33">
							<select name="interest" lay-filter="aihao">
								<option value="0">济南</option>
								<option value="1" selected="">青岛</option>
							</select>
						</div>
						<div class="layui-inline width33">
							<select name="interest" lay-filter="aihao">
								<option value="0">市南区</option>
								<option value="1" selected="">市北区</option>
							</select>
						</div>
					</div>
					 <div class="layui-form-item">
						<label class="layui-form-label">详细地址</label>
						<div class="layui-input-block">
							<input type="text" name="date" id="date" autocomplete="off" class="layui-input"  placeholder="请输入详细地址">
						</div>
					</div>
					<div class="layui-form-item layui-form-text">
						<label class="layui-form-label">活动详情</label>
						<div class="layui-input-block">
						<textarea placeholder="请输入活动详情" class="layui-textarea"></textarea>
						</div>
					</div>
					<div class="layui-form-item">
							<div class="layui-input-block">
								<button class="layui-btn" lay-submit="" lay-filter="demo1">立即提交</button>
								<button type="reset" class="layui-btn layui-btn-primary">重置</button>
							</div>
					</div>
				</form>
				
		</div>
	</div>
</div>

<div class="footer">
	<ul class="list-inline">
		<li><a>关于我们</a></li>
		<li><a>联系我们</a></li>
		<li><a>商馆入驻</a></li>
		<li><a>客户服务</a></li>
	</ul>
	<ul class="list-inline" style="width:450px">
		<li>Copyright © 2017 动动吧 版权所有 鲁ICP备15020333号-2</li>
	</ul>
</div>
<script src="../js/jquery-1.7.1.min.js"></script>
<script src="../layui/layui.all.js"></script>
<script type="text/javascript" language="javascript" src="../js/jquery.easing.1.3.js"></script>
<script type="text/javascript" language="javascript" src="../js/jquery.skitter.min.js"></script>
<script type="text/javascript" src="../js/index.js"></script>
<script>
layui.use('upload', function(){

  
  layui.upload({
    url: '/test/upload.json'
    ,elem: '#test' //指定原始元素，默认直接查找class="layui-upload-file"
    ,method: 'get' //上传接口的http类型
    ,success: function(res){
      LAY_demo_upload.src = res.url;
    }
  });
});
</script>
  
</body>
</html>